<%@ page language="java" contentType="text/html" pageEncoding="utf-8"%>  
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>预约支付</title>
</head>
<script src="http://cdn.bootcss.com/jquery/1.9.1/jquery.min.js"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<body>

<script type="text/javascript">
wx.config({
	debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
    appId: '${sign.appid}', // 必填，公众号的唯一标识
    timestamp: '${sign.timestamp}', // 必填，生成签名的时间戳
    nonceStr: '${sign.nonceStr}', // 必填，生成签名的随机串
    signature: '${sign.signature}',// 必填，签名，见附录1
    jsApiList: ['chooseWXPay'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
});

wx.ready(function () {
	wx.chooseWXPay({
	    timestamp: '${jspayMessage.timeStamp}', // 支付签名时间戳，注意微信jssdk中的所有使用timestamp字段均为小写。但最新版的支付后台生成签名使用的timeStamp字段名需大写其中的S字符
	    nonceStr: '${jspayMessage.nonceStr}', // 支付签名随机串，不长于 32 位
	    package: '${jspayMessage.packageValue}', // 统一支付接口返回的prepay_id参数值，提交格式如：prepay_id=***）
	    signType: '${jspayMessage.signType}', // 签名方式，默认为'SHA1'，使用新版支付需传入'MD5'
	    paySign: '${jspayMessage.paySign}', // 支付签名
	    success: function (res) {
 		window.location.href = '支付成功的回调地址'; 
	    },cancel:function(res){
	    	history.go(-1);
	    }
	});
});
</script>
</body>
</html>